<template>
	<view class="serchCon">
		<view class="listSerch">
			<my-icon name="sousuo" @click="serchChange"></my-icon>
			<u-input type="text" clearable v-model="inputDate" placeholder="搜索试卷名称" placeholder-class="placeholderValue" />
		</view>
	</view>
</template>

<script>
export default {
	props: {
	},
	data() {
		return {
			inputDate: ''
		}
	},
	watch:{
		inputDate(){
			this.serchChange()
		}
	},
	methods:{
		serchChange(){
			this.$emit('onchange',this.inputDate)
		}
	}
};
</script>

<style scoped lang="scss">
	.serchCon{width: 100%; background: #fff; padding:28upx 0;}
	.listSerch{ background:#F5F5F5;
    	padding: 0 30upx;
			display: flex;
			justify-content: start;
			align-items: center;
			width: 90%;
			border-radius: 100upx;
			margin: 0 auto;
			height: 74upx;
	  .iconfont{
			color: #A6A6A6;
			margin-right: 20upx;
		}
 	}
	.placeholderValue{ color:#B2B2B2;}
</style>
